<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>超链接标签</title>
</head>
<body>
<a href="demo04练习.html" target="_blank">跳转本地</a>
<a href="https://www.doubao.com" target="_blank">外地链接--豆包</a>
<a href="https://www.doubao.com"><img src="1.png" width="500"></a>

<hr>

<a href="#c1">洛洛历险记</a>
<a href="#c2">神兵小将</a>
<a href="#c3">斗龙战士</a>

<h3 id="c1">洛洛历险记</h3>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores dicta doloribus iure laudantium odio officia reprehenderit! Aspernatur dolorem iure minima, nisi non ratione voluptates. Consectetur corporis cumque exercitationem harum voluptatibus.
</p>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet corporis distinctio excepturi illum iure libero minus, nobis odio odit officia pariatur quasi reiciendis sequi sit sunt temporibus vitae! Hic, recusandae.
</p>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid assumenda cumque doloribus eligendi iste iure labore maxime numquam obcaecati praesentium quae quam quas, quia quod repellendus, reprehenderit rerum sapiente voluptas.
</p>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores dicta doloribus iure laudantium odio officia reprehenderit! Aspernatur dolorem iure minima, nisi non ratione voluptates. Consectetur corporis cumque exercitationem harum voluptatibus.
</p>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet corporis distinctio excepturi illum iure libero minus, nobis odio odit officia pariatur quasi reiciendis sequi sit sunt temporibus vitae! Hic, recusandae.
</p>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid assumenda cumque doloribus eligendi iste iure labore maxime numquam obcaecati praesentium quae quam quas, quia quod repellendus, reprehenderit rerum sapiente voluptas.
</p>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid assumenda cumque doloribus eligendi iste iure labore maxime numquam obcaecati praesentium quae quam quas, quia quod repellendus, reprehenderit rerum sapiente voluptas.
</p>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores dicta doloribus iure laudantium odio officia reprehenderit! Aspernatur dolorem iure minima, nisi non ratione voluptates. Consectetur corporis cumque exercitationem harum voluptatibus.
</p>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet corporis distinctio excepturi illum iure libero minus, nobis odio odit officia pariatur quasi reiciendis sequi sit sunt temporibus vitae! Hic, recusandae.
</p>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid assumenda cumque doloribus eligendi iste iure labore maxime numquam obcaecati praesentium quae quam quas, quia quod repellendus, reprehenderit rerum sapiente voluptas.
</p>

<h3 id="c2">神兵小将</h3>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores dicta doloribus iure laudantium odio officia reprehenderit! Aspernatur dolorem iure minima, nisi non ratione voluptates. Consectetur corporis cumque exercitationem harum voluptatibus.
</p>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet corporis distinctio excepturi illum iure libero minus, nobis odio odit officia pariatur quasi reiciendis sequi sit sunt temporibus vitae! Hic, recusandae.
</p>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid assumenda cumque doloribus eligendi iste iure labore maxime numquam obcaecati praesentium quae quam quas, quia quod repellendus, reprehenderit rerum sapiente voluptas.
</p>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores dicta doloribus iure laudantium odio officia reprehenderit! Aspernatur dolorem iure minima, nisi non ratione voluptates. Consectetur corporis cumque exercitationem harum voluptatibus.
</p>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet corporis distinctio excepturi illum iure libero minus, nobis odio odit officia pariatur quasi reiciendis sequi sit sunt temporibus vitae! Hic, recusandae.
</p>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid assumenda cumque doloribus eligendi iste iure labore maxime numquam obcaecati praesentium quae quam quas, quia quod repellendus, reprehenderit rerum sapiente voluptas.
</p>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid assumenda cumque doloribus eligendi iste iure labore maxime numquam obcaecati praesentium quae quam quas, quia quod repellendus, reprehenderit rerum sapiente voluptas.
</p>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores dicta doloribus iure laudantium odio officia reprehenderit! Aspernatur dolorem iure minima, nisi non ratione voluptates. Consectetur corporis cumque exercitationem harum voluptatibus.
</p>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet corporis distinctio excepturi illum iure libero minus, nobis odio odit officia pariatur quasi reiciendis sequi sit sunt temporibus vitae! Hic, recusandae.
</p>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid assumenda cumque doloribus eligendi iste iure labore maxime numquam obcaecati praesentium quae quam quas, quia quod repellendus, reprehenderit rerum sapiente voluptas.
</p>

<h3 id="c3">斗龙战士</h3>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores dicta doloribus iure laudantium odio officia reprehenderit! Aspernatur dolorem iure minima, nisi non ratione voluptates. Consectetur corporis cumque exercitationem harum voluptatibus.
</p>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet corporis distinctio excepturi illum iure libero minus, nobis odio odit officia pariatur quasi reiciendis sequi sit sunt temporibus vitae! Hic, recusandae.
</p>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid assumenda cumque doloribus eligendi iste iure labore maxime numquam obcaecati praesentium quae quam quas, quia quod repellendus, reprehenderit rerum sapiente voluptas.
</p>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores dicta doloribus iure laudantium odio officia reprehenderit! Aspernatur dolorem iure minima, nisi non ratione voluptates. Consectetur corporis cumque exercitationem harum voluptatibus.
</p>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet corporis distinctio excepturi illum iure libero minus, nobis odio odit officia pariatur quasi reiciendis sequi sit sunt temporibus vitae! Hic, recusandae.
</p>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid assumenda cumque doloribus eligendi iste iure labore maxime numquam obcaecati praesentium quae quam quas, quia quod repellendus, reprehenderit rerum sapiente voluptas.
</p>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid assumenda cumque doloribus eligendi iste iure labore maxime numquam obcaecati praesentium quae quam quas, quia quod repellendus, reprehenderit rerum sapiente voluptas.
</p>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores dicta doloribus iure laudantium odio officia reprehenderit! Aspernatur dolorem iure minima, nisi non ratione voluptates. Consectetur corporis cumque exercitationem harum voluptatibus.
</p>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet corporis distinctio excepturi illum iure libero minus, nobis odio odit officia pariatur quasi reiciendis sequi sit sunt temporibus vitae! Hic, recusandae.
</p>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid assumenda cumque doloribus eligendi iste iure labore maxime numquam obcaecati praesentium quae quam quas, quia quod repellendus, reprehenderit rerum sapiente voluptas.
</p>
<a href="#">回到顶部</a>
</body>
</html>